<!DOCTYPE html>
<html>
    <head>
        <title>Characters</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <script type="text/javascript" src="js/jquery-1.6.1.js"> </script>
        <script type="text/javascript" src="js/create.js"> </script>
        <link rel="stylesheet" href="css/common.css" />
        <link rel="stylesheet" href="css/create.css" />
    </head>
    <body>
        <div class="char-section" >
            <j> for(var i in classes){ </j>
            <div id="<j>= classes[i].name </j>" style="background-image:url('classes/<j>= classes[i].name </j>/photo.png')" class="img-div"></div>
            <j> } </j>
            <form id="create-form" action="create" method="POST">
                <input id="clazz" name="clazz" type="hidden" />
                <label for="name" >Name:</label>
                <input id="name" name="name" type="text" />
                <input type="submit" value="Create"/>
            </form>
            <a href="logout" >logout</a>
            <div id="error-msg-div" class="error" ></div>
        </div>
    </body>
</html>
